<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/flexible.debug.js"></script>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/shoucang.css"/>
	</head>
	<body>
		<header>
			<div class="shoucang-left">
				<img src="../imgs/_03.png">
				<span>返回</span>
			</div>
			<div class="shoucang-center">
				收藏
			</div>
			<div class="shoucang-right">
			</div>
		</header>
		<main class="main">
			<section>
				<dl>
					<dt>
						<img src="../imgs/_10.png" class="zhandan">
						<img src="../imgs/_13.png" class="del" />
					</dt>
					<dd>融合账单</dd>
				</dl>
				<dl>
					<dt>
						<img src="../imgs/_05.png" class="zhandan">
						<img src="../imgs/_13.png" class="del" />
					</dt>
					<dd>燃气账单</dd>
				</dl>
			</section>
		</main>
		<script src="../js/flexible_css.debug.js"></script>
		<script src="../js/jquery-2.2.4.min.js"></script>
		<script>
			var timeout = 0;
			$('dl').on('touchstart','.zhandan',function(){
				 var th = $(this).next();
				timeout = setTimeout(function(){
					timeout = 0;
					th.show();
				},500)
				return false;
				
			});
			$('.zhandan').on('touchend',function(){
				var ts = $(this).next();
				clearTimeout(timeout);
				if(timeout != 0){
					ts.hide();
				}
			});
			$('.zhandan').on('touchmove',function(){
				clearTimeout(timeout);
				timeout = 0;
			});
			$('.del').on('click',function(){
				$(this).prev().parent().parent().hide();
			});
			$(".shoucang-left").on("click", function(){
				javascript :history.back(-1);
			})
		</script>
	</body>
</html>
